<template>
  <div class="privacy">
    <radio
      value="r1"
      :checked="checked"
      style="transform: scale(0.7)"
      color="#3975F6"
      @click.stop="change"
    />
    登录/注册表示您同意 <span>《用户协议》</span> 和 <span>《隐私政策》</span>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
const prop = defineProps({
  checked: {
    type: Boolean,
    default: false,
  },
});
const emit = defineEmits(["change"]);
const change = () => {
  emit("change");
};
</script>

<style lang="less" scoped>
.privacy {
  display: flex;
  align-items: center;
  font-size: 26rpx;
  color: #999;
  label {
    color: #3975f6;
  }
}
</style>
